<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>CREAS - Alegrete</title>

        <!-- Bootstrap Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="css/business-casual.css" rel="stylesheet">

        <!-- Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>

    <body>

        <div class="brand">
            <img src="images/logoFaixaSite.png" alt="Creas - Centro de Referência Especializado de Assistência Social" style="width:60%;height:98%">
        </div>
        <div class="address-bar"></div>

         <!-- Navigation -->
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                    <a class="navbar-brand" href="index.html">Business Casual</a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="index.html">Inicial</a>
                        </li>
                    <li>
                     <a data-toggle="dropdown" href="#">
    CREAS
  </a>
  <ul class="dropdown-menu">
    <!-- Links de menu dropdown -->
    <li><a href="creaDefinicao.html">O que é o CREAS?</a></li>
    <li><a href="populacaoAdulta.html">População Adulta de Rua</a></li>
    <li><a href="mulheresVitimasViolencia.html">Mulheres Vítimas de Violência</a></li>
    <li><a href="criancasAdolescentesVitimasViolencia.html">Crianças e Adolescentes Vítimas de Violência</a></li>
    <li><a href="programaDeErraticacao.html">Programa de Erraticação do Trabalho Infantil</a></li>
    <li><a href="adolescentesInfratores.html">Adolescentes Infratores</a></li>
  </ul>
  </li>

                        <li>
                            <a href="equipe.html">Equipe</a>
                        </li>
                        <li class="active">
                            <a href="projetos.html">Projeto</a>
                        </li>
                        <li>
                            <a href="artigos.html">Artigos</a>
                        </li>
                        <li>
                            <a href="faleConosco.html">Fale Conosco</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

        <div class="container">

            <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h1 class="intro-text text-center">Grupo de Adolescentes 
                            <strong>"Mãos que Cuidam"</strong>
                        </h1>
                         <hr>
						 </br>
                        <p style="text-align: justify">
                           
						O projeto é desenvolvido com a psicologia e serviço social do CREAS e conta no momento cm a participação 
						de alunas de uma escola da rede estadual de Alegrete.
						O objetivo do grupo de Adolescentes <strong> "Mãos que Cuidam" </strong> é oportunizar espaço de superação da situação de violência 
						sexual a partir da autonomia e reinserção social. Através do compartilhamento de informações, sentimentos e conhecimentos 
						entre os participantes, ocorre a construção do saber, onde a diversidade é instrumento coletivo de crescimento do sujeito.
						As reuniões ocorrem quinzenalmente, no CREAS e contempla adolescentes entre doze e dezoito anos, aproximadamente.
						O projeto prevê que extensões do grupo possam se organizar, com atividades a serem utilizadas como dispositivo de 
						divulgação de informações sobre a temática do abuso  e exploração sexual contra crianças e adolescentes e a violência intrafamiliar. 
						Tais atividades constituem-se como proposta de prevenção à violência intrafamiliar.

                        </p>
						</br>
						 <hr>
						 
						<h2 class="intro-text text-center">Projeto 
                            <strong>Ninho das Mulheres</strong>
                        </h2>
						 <hr>
						 </br>
                        <p style="text-align: justify">
                           O Projeto Ninho das Mulheres, ação da secretaria Municipal de Assistência Social, tem como objetivo atendimento psicossocial 	
						às mulheres vítimas de violência doméstica. Este projeto fora concretizado pela Centro de Referência Especializado de 
						Assistência Social (CREAS), em parceria como Movimento da Vida (MOV) e o Programa de Prevenção à Violência (PPV). 
						Além dos atendimentos psicossociais, realizados por assistente social e psicólogas, este projeto desenvolve também ações 
						educativas, através de palestras informativas abordando a temática <strong> "Violência contra Mulher e os Direitos da Mulher"</strong>, bem como a 
						distribuição de cartilhas, folders e cartazes. O referido projeto, desde que teve seu início, já contemplou diversas ações junto 
						às escolas da rede municipal e estadual.
                        </p>
                        
                       </div>
                </div>
            </div>

            <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h2 class="intro-text text-center">Parceiros
                            <strong>do CREAS</strong>
                        </h2>
                        <hr>
                       
                        <a href="http://www.facabonitocampanha.blogspot.com.br/"><img src="images/facabonito.jpg" alt="Faça Bonito" style="width:20%;height:28%"></a>
                               <a href="http://www.fnpeti.org.br/12dejunho/"><img src="images/infaltil.jpg" alt="Campanha 12 de Junho" style="width:22%;height:28%"></a>
                        </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <p>Copyright &copy; Creas - Alegrete 2014</p>
                    </div>
                </div>
            </div>
        </footer>

        <!-- jQuery Version 1.11.0 -->
        <script src="js/jquery-1.11.0.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Script to Activate the Carousel -->
        <script>
            $('.carousel').carousel({
                interval: 5000 //changes the speed
            })
        </script>

    </body>

</html>
